<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>青橙社区-个人中心</title>
	<meta name="format-detection" content="telephone=no">
	<meta name="viewport" content="width=device-width, initial-scale=0.57, minimum-scale=0.57, maximum-scale=0.57, user-scalable=no">
	<link rel="Shortcut Icon" href="images/favicon_logo.ico">
	<link rel="stylesheet" href="css/reset.css">
	<link rel="stylesheet" href="css/layui.css">
	<link rel="stylesheet" href="css/style.css">
	<script type="text/javascript" src="js/jquery-1.11.0.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
</head>
<body>
	<!--[if lt IE 8]>
	<div style="position:fixed;left:0;top:0;width:100%;height:50px;background:#fff;color:red;border-bottom:1px solid rgb(230,230,198);text-align:center;line-height:50px;font-size:12px;z-index: 9999;">您使用的浏览器版本过低，可能会影响到您浏览本网页，建议您升级您的浏览器。</div>
	<![endif]-->
	<!--[if IE 6]>
	<script src="js/DD_belatedPNG_0.0.8a.js" mce_src="js/DD_belatedPNG_0.0.8a.js"></script>
	<script type="text/javascript">DD_belatedPNG.fix('*');</script>
	<![endif]-->
	<div class="index community-index">
		<div class="header clearfix">
			<div class="header-box">
				<div class="left-logo">	
					<a href="javascript:;">
						<img src="images/qc_logo.png">
					</a>
				</div>
				<div class="title-link">
					<a href="javascript:;">首页</a>
					<a href="javascript:;">问答区</a>
					<label for="">
						<input type="text" name="" value="" placeholder="请输入搜索关键词">
						<i></i>
					</label>
				</div>
				<div class="right-link">
					<a onclick="register()" href="javascript:;">注册</a>
					<span></span>
					<a onclick="login()" href="javascript:;">登录</a>
				</div>
			</div>
		</div>
		<div class="banner-wrap">
			<div class="slider">
				<div class="bd">
					<ul>
						<li><a href="###"><img src="images/banner_1.jpg" alt="首页横幅一"/></a></li>
						<li><a href="###/"><img src="images/banner_2.jpg" alt="首页横幅二"/></a></li>
						<li><a href="###/"><img src="images/banner_3.jpg" alt="首页横幅三"/></a></li>
						<li><a href="###/"><img src="images/banner_2.jpg" alt="首页横幅三"/></a></li>
					</ul>
					<div class="ft">
						<a href="javascript:void(0);" class="round1 on"></a>
						<a href="javascript:void(0);" class="round2"></a>
						<a href="javascript:void(0);" class="round3"></a>
						<a href="javascript:void(0);" class="round4"></a>
					</div>
					<a class="prev" href="javascript:void(0)"></a>
					<a class="next" href="javascript:void(0)"></a>
				</div>
			</div>
		</div>
		<div class="msg-wrap">
			<div class="txtScroll-top msg-box">
				<div class="bd">
					<ul class="infoList">
						<li><a href="javascript:;">1网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息</a></li>
						<li><a href="javascript:;">2网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息</a></li>
						<li><a href="javascript:;">3网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息</a></li>
						<li><a href="javascript:;">4网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息网站消息</a></li>
					</ul>
				</div>
				<i></i>
			</div>
		</div>
		<div class="more-links-wrap">
			<div class="links-box">
				<ul>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
					<li>
						<a href="javascript:;">
							<dl>
								<dt>									
									<strong>进入学习</strong>
								</dt>
								<dd>
									<span>编程学习</span>
								</dd>
							</dl>
						</a>
					</li>
				</ul>
			</div>
		</div>
		<div class="forum-feedback-wrap">
			<h2 class="tab-h2">
				<span class="select">默认排序</span>
				<span>时间</span>
				<span>热度</span>
				<span>精华</span>
				<a class="style-btn feedback-open" href="javascript:;">意见反馈</a>
			</h2>
			<div class="content">
				<div class="box show">
					<ul>
						<li>
							<strong class="praise zan-02">
								<i class="aniAdd1">+1</i>
								<b>1111</b>
							</strong>
							<dl>
								<dt>
									<img src="images/pic_img.png">
								</dt>
								<dd>我是女生</dd>
							</dl>
							<h3>这是标题这是标题这是标题这是标题这是标题</h3>
							<p class="reduce-p">
								这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							</p>
							<div class="other-box">
								<b>编程学习</b>
								<i class="ll-i">1200浏览</i>
								<i class="pn-i">621评论</i>
								<i class="sc-i">1235收藏</i>
								<span>2018-03-24  14：28</span>
							</div>
						</li>
						<li>
							<strong class="praise zan-01">
								<i class="aniAdd1">+1</i>
								<b>1111</b>
							</strong>
							<dl>
								<dt>
									<img src="images/pic_img.png">
								</dt>
								<dd>我是女生</dd>
							</dl>
							<h3>这是标题这是标题这是标题这是标题这是标题</h3>
							<p class="reduce-p">
								这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
							</p>
							<div class="other-box">
								<b>编程学习</b>
								<i class="ll-i">1200浏览</i>
								<i class="pn-i">621评论</i>
								<i class="sc-i">1235收藏</i>
								<span>2018-03-24  14：28</span>
							</div>
						</li>
					</ul>
				</div>
				<div class="box">
					<li>
						<strong class="praise zan-01">
							<i class="aniAdd1">+1</i>
							<b>1111</b>
						</strong>
						<dl>
							<dt>
								<img src="images/pic_img.png">
							</dt>
							<dd>我是女生</dd>
						</dl>
						<h3>这是标题这是标题这是标题这是标题这是标题</h3>
						<p class="reduce-p">
							这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容这是内容
						</p>
						<div class="other-box">
							<b>编程学习</b>
							<i class="ll-i">1200浏览</i>
							<i class="pn-i">621评论</i>
							<i class="sc-i">1235收藏</i>
							<span>2018-03-24  14：28</span>
						</div>
					</li>
				</div>
				<div class="box">3</div>
				<div class="box">4</div>
			</div>
		</div>
	</div>

	<!-- 意见反馈 -->
	<div class="feedback-wrap">
		<a class="close-btn" href="javascript:;" title="关闭"></a>
		<div class="feedback-box show">
			<h1>意见反馈</h1>
			<div class="choice-box">
				<ul>
					<li><i></i>报故障</li>
					<li><i></i>提建议</li>
					<li><i></i>求帮助</li>
					<li><i></i>其他</li>
				</ul>
			</div>
			<div class="textarea-box">
				<p>请留下您的宝贵意见和建议！</p>
				<textarea rows="3" cols="20"></textarea>
			</div>
			<div class="stars-box">
				<div class="stars">
					<span>页面打开速度</span>
					<div class="stars-01"></div>
				</div>
				<div class="stars">
					<span>界面设计美观</span>
					<div class="stars-02"></div>
				</div>
				<div class="stars">
					<span>排版展现合理</span>
					<div class="stars-03"></div>
				</div>
				<div class="stars">
					<span>操作过程方便</span>
					<div class="stars-04"></div>
				</div>
			</div>
			<div class="verification-box">
				<label for="">
					<input type="text" name="" value="">
					<span>
						<img src="images/verification_img.png">
					</span>
				</label>
			</div>
			<div class="btn-box">
				<a class="confirm-btn" href="javascript:;">确认</a>
			</div>
		</div>
		<div class="success-box">
			<div>
				<dl>					
					<dt><img src="images/icon_success.png" alt="图片加载失败"></dt>
					<dd>反馈成功！</dd>
				</dl>
				<p class="tip-p">非常感谢您的支持，我们将继续努力，为您提供更完善的服务！</p>
				<label for="">
					<p>留下您的联系方式，方便我们给予回馈！</p>
					<input type="text" name="" value="" placeholder="请输入手机号码/邮箱地址（选填）">
				</label>
				<a class="complete-btn" href="javascript:;">完成</a>
			</div>
		</div>
	</div>

	<!-- 登陆和注册的弹窗 -->
	<div class="login-wrap">
		<div class="login-box login-tab">
			<a class="close-btn" href="javascript:;" title="关闭"></a>
			<div class="login">
				<div class="logo">
					<img src="images/qc_logo_02.png">
				</div>
				<form action="">
					<label for="">
						<input class="inp-username" type="text" placeholder="手机号/用户名">
					</label>
					<label for="">
						<input class="inp-password" type="password" placeholder="密码">
						<a class="eye eye-on" href="javascript:;"></a>
					</label>
					<p class="forget-p">
						<a href="javascript:;">忘记密码？</a>
					</p>
					<a class="style-btn login-btn" href="javascript:;">登录</a>
				</form>
				<div class="go-registration">
					<p>没有账号？前往 <a href="javascript:;">注册</a></p>
				</div>
			</div>
		</div>
		<div class="register-box login-tab">
			<div class="register show">
				<a class="close-btn" href="javascript:;" title="关闭"></a>
				<div class="logo">
					<img src="images/qc_logo_02.png">
				</div>
				<form action="">
					<label for="">
						<input class="inp-phone" type="text" placeholder="手机号码" maxlength="11">
					</label>
					<label for="">
						<input class="inp-message" type="text" placeholder="输入短信验证码">
						<div class="obtain-validation-btn" href="javascript:;" title="获取验证码">	
							<a>获取验证码</a>
						</div>
					</label>
					<label for="">
						<input class="inp-set-password" type="password" placeholder="设置密码">
						<a class="eye eye-on" href="javascript:;"></a>
					</label>
					<p class="forget-p">
						<a href="javascript:;">忘记密码？</a>
					</p>
					<a class="style-btn register-btn" href="javascript:;">注册</a>
				</form>
				<div class="protocol-link">
					<a href="javascript:;">注册即代表同意《网站协议》《隐私政策》</a>
				</div>
				<div class="go-registration">
					<p>已有账号？前往 <a href="javascript:;">登录</a></p>
				</div>
			</div>
			<div class="success-box">
				<div>
					<dl>					
						<dt><img src="images/icon_success.png" alt="图片加载失败"></dt>
						<dd>注册成功</dd>
					</dl>
					<p class="tip-p">非常感谢您的支持，我们将继续努力，为您提供更完善的服务！</p>
					<label for="">
						<p>邮箱</p>
						<input type="text" name="" value="" placeholder="请输入邮箱">
					</label>
					<label for="">
						<p>学校</p>
						<input type="text" name="" value="" placeholder="请输入学校">
					</label>
					<label for="">
						<p>性别</p>
						<div class="radio-box">
							<input name="sex" type="radio" value="" checked><span>男</span>
							<input name="sex" type="radio" value=""><span>女</span>
						</div>
					</label>
					<div class="btn-box">
						<a class="submission-btn" href="javascript:;">提交</a>
					</div>
				</div>
			</div>
		</div>
	</div>

	<script type="text/javascript" src="js/layer.js"></script>
	<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
	<script type="text/javascript" src="js/layui.js"></script>
	<script type="text/javascript" src="js/public.js"></script>
	<script>
		// 星星等级效果
		starsX();
	</script>
</body>
</html>